<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" />
  <meta content="yes" name="apple-mobile-web-app-capable" />
  <meta content="black" name="apple-mobile-web-app-status-bar-style" />
  <meta content="telephone=no" name="format-detection" />
  <title>淮舟装饰</title>
  <link rel="stylesheet" href="css/base.css" />
  <link rel="stylesheet" href="css/animate.min.css" />
  <link rel="stylesheet" href="css/slick.css" />
  <link rel="stylesheet" href="css/content.css" />
  <link rel="stylesheet" href="css/pages.css" />
  <link rel="stylesheet" href="css/media.css" />
</head>

<body>
  <div class="header wow fadeIn">
    <!-- topbar -->
    <div class="top_bar">
      <div class="wid clearfix">
        <div class="bar_left fl clearfix"> <span class="bar-address">成都</span> <a href="" class="switch-btn">[切换]</a>
        </div>
        <div class="bar_right fr clearfix">
          <div class="bar-item fl">欢迎来到淮舟装饰！</div>
          <div class="bar-item fl">客服热线：000-000000000</div>
          <div class="bar-item fl clearfix"> <a href="">登陆</a><span class="line">|</span><a href="">注册</a>
          </div>
        </div>
      </div>
    </div>
    <!-- topbar-end -->
    <div class="menuBtn"></div>
    <div class="inside wid clearfix">
      <div class="logo fl"> <a href="index.html"><img src="images/logo.png" /></a><img src="./images/header-img.png"
          class="header-img" />
      </div>
      <!-- 手机端logo -->
      <div class="mobile-logo fl"> <a href="index.html"><img src="images/logo2.png" /></a> </div>
      <!-- 手机端logo-end -->
      <div class="nav fr">
        <ul class="clearfix">
          <li class="active"><a href="index.html">网站首页</a></li>
          <li><a href="about.html">关于淮舟</a>
            <dl>
              <dd><a href="">关于淮舟</a></dd>
              <dd><a href="">关于淮舟</a></dd>
            </dl>
          </li>
          <li><a href="team.html">设计团队</a></li>
          <li><a href="case.html">装修案例</a></li>
          <li><a href="technology.html">施工工艺</a></li>
          <li><a href="scene.html">施工现场</a></li>
          <li><a href="material.html">主材同盟</a></li>
          <li><a href="activities.html">优惠活动</a></li>
          <!-- 手机端登陆注册 -->
          <li class="mobile-login"><a href="">登陆</a><span class="line">|</span><a href="">注册</a></li>
          <!-- 手机端登陆注册-end -->
        </ul>
      </div>
    </div>
  </div>
  <!-- 内页banner -->
  <div class=" about-banner wow fadeIn">
    <img src="./images/m-banner.png" />
  </div>
  <!-- 内页banner -end-->

  <!-- 内页主体 -->
  <div class="inner-wrap">
    <div class="inner-nav m-inner-nav wid wow fadeInLeft clearfix"><a href="index.html">首页</a>/<a href="">主材同盟</a>/<a
        href="" class="active">新闻列表</a>
    </div>

    <!-- material -->
    <div class="material wid clearfix wow fadeIn">
      <div class="fl">
        <ul class="clearfix">
          <li class="active"><a href="javascript:;">卫浴</a></li>
          <li><a href="javascript:;">瓷砖</a></li>
          <li><a href="javascript:;">地板</a></li>
          <li><a href="javascript:;">石材</a></li>
          <li><a href="javascript:;">木门</a></li>
          <li><a href="javascript:;">橱柜</a></li>
        </ul>

      </div>
      <div class="fr">
        <div class="m-con">
          <div class="m-img">
            <img src="./images/m-ka.png" />
          </div>
          <div class="alliance">
            <ul class="all-list clearfix">
              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>

              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>

              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>



            </ul>
            <div class="pages">
              <ul>
                <li><a href="">上一页</a></li>
                <li><a class="active">1</a></li>
                <li><a href="">2</a></li>
                <li><a href="">3</a></li>
                <li><a href="">4</a></li>
                <li><a href="">5</a></li>
                <li><a href="">...</a></li>
                <li><a href="">21</a></li>

                <li><a href="">下一页</a></li>
              </ul>
            </div>


          </div>

        </div>
        <div class="m-con">
          <div class="m-img">
            <img src="./images/m-ka.png" />
          </div>
          <div class="alliance">
            <ul class="all-list clearfix">
              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>

              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>

              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>



            </ul>
            <div class="pages">
              <ul>
                <li><a href="">上一页</a></li>
                <li><a class="active">1</a></li>
                <li><a href="">2</a></li>
                <li><a href="">3</a></li>
                <li><a href="">4</a></li>
                <li><a href="">5</a></li>
                <li><a href="">...</a></li>
                <li><a href="">21</a></li>

                <li><a href="">下一页</a></li>
              </ul>
            </div>


          </div>

        </div>
        <div class="m-con">
          <div class="m-img">
            <img src="./images/m-ka.png" />
          </div>
          <div class="alliance">
            <ul class="all-list clearfix">
              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>

              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>

              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>



            </ul>
            <div class="pages">
              <ul>
                <li><a href="">上一页</a></li>
                <li><a class="active">1</a></li>
                <li><a href="">2</a></li>
                <li><a href="">3</a></li>
                <li><a href="">4</a></li>
                <li><a href="">5</a></li>
                <li><a href="">...</a></li>
                <li><a href="">21</a></li>

                <li><a href="">下一页</a></li>
              </ul>
            </div>


          </div>

        </div>
        <div class="m-con">
          <div class="m-img">
            <img src="./images/m-ka.png" />
          </div>
          <div class="alliance">
            <ul class="all-list clearfix">
              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>

              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>

              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>



            </ul>
            <div class="pages">
              <ul>
                <li><a href="">上一页</a></li>
                <li><a class="active">1</a></li>
                <li><a href="">2</a></li>
                <li><a href="">3</a></li>
                <li><a href="">4</a></li>
                <li><a href="">5</a></li>
                <li><a href="">...</a></li>
                <li><a href="">21</a></li>

                <li><a href="">下一页</a></li>
              </ul>
            </div>


          </div>

        </div>
        <div class="m-con">
          <div class="m-img">
            <img src="./images/m-ka.png" />
          </div>
          <div class="alliance">
            <ul class="all-list clearfix">
              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>

              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>

              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>



            </ul>
            <div class="pages">
              <ul>
                <li><a href="">上一页</a></li>
                <li><a class="active">1</a></li>
                <li><a href="">2</a></li>
                <li><a href="">3</a></li>
                <li><a href="">4</a></li>
                <li><a href="">5</a></li>
                <li><a href="">...</a></li>
                <li><a href="">21</a></li>

                <li><a href="">下一页</a></li>
              </ul>
            </div>


          </div>

        </div>
        <div class="m-con">
          <div class="m-img">
            <img src="./images/m-ka.png" />
          </div>
          <div class="alliance">
            <ul class="all-list clearfix">
              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>

              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>

              <li><a href=""><img src="./images/a1.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a2.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a3.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a4.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a5.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
              <li><a href=""><img src="./images/a6.png" />
                  <div class="img-name"><span>可耐福</span></div>
                </a></li>
            </ul>
            <div class="pages">
              <ul>
                <li><a href="">上一页</a></li>
                <li><a class="active">1</a></li>
                <li><a href="">2</a></li>
                <li><a href="">3</a></li>
                <li><a href="">4</a></li>
                <li><a href="">5</a></li>
                <li><a href="">...</a></li>
                <li><a href="">21</a></li>

                <li><a href="">下一页</a></li>
              </ul>
            </div>


          </div>

        </div>

      </div>

    </div>
    <!-- material-end -->

  </div>

  <!-- 内页主体 -->
  <!--footer-->
  <div class="footer wow fadeIn">
    <div class="foot-top">
      <div class="wid">
        <div class="foot-contact clearfix">
          <div class="clearfix">
            <div class="foot-logo"><a href="#"><img src="images/logo2.png" /></a></div>
            <div class="foot-nav clearfix">
              <dl>
                <dt><a href="#">关于我们</a></dt>
                <dd><a href="#">集团介绍</a></dd>
                <dd><a href="#">企业动态</a></dd>
                <dd><a href="#">人才招聘</a></dd>
                <dd><a href="#">员工登录</a></dd>
                <dd><a href="#">企业邮箱</a></dd>
              </dl>
              <dl>
                <dt><a href="#">客户服务</a></dt>
                <dd><a href="#">业主感言</a></dd>
                <dd><a href="#">参观工地</a></dd>
                <dd><a href="#">投诉建议</a></dd>
              </dl>
              <dl>
                <dt><a href="#">品牌力量</a></dt>
                <dd><a href="#">环保体系</a></dd>
                <dd><a href="#">蓝钻工程</a></dd>
                <dd><a href="#">五星售后</a></dd>
                <dd><a href="#">五零承诺</a></dd>
              </dl>
              <dl>
                <dt><a href="#">电商平台</a></dt>
                <dd><a href="#">天猫旗舰店</a></dd>
                <dd><a href="#">新浪案例库</a></dd>
              </dl>
            </div>
            <div class="foot-icons">
              <div class="bdsharebuttonbox"><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#"
                  class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_sqq" data-cmd="sqq"
                  title="分享到QQ好友"></a><a href="#" class="bds_ibaidu" data-cmd="ibaidu" title="分享到百度中心"></a></div>
              <script>
                window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"32"},"share":{},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["weixin","tsina","sqq","ibaidu"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
</script>
              <div class="hotline">
                <h6>24小时装修服务热线</h6>
                <p>0356-46565788</p>
              </div>
            </div>
          </div>
          <div class="friendship"> <span class="friendship-tip">友情链接：</span>
            <div class="friendship-wrap clearfix"> <a href="#">青岛装修公司</a> <a href="#">青岛装修公司</a> <a href="#">青岛装修公司</a>
              <a href="#">青岛装修公司</a> <a href="#">青岛装修公司</a> <a href="#">青岛装修公司</a> <a href="#">青岛装修公司</a>
              <a href="#">青岛装修公司</a>
              <a href="#">青岛装修公司</a> <a href="#">青岛装修公司</a> <a href="#">青岛装修公司</a> <a href="#">青岛装修公司</a>
              <a href="#">青岛装修公司</a>
              <a href="#">青岛装修公司</a> <a href="#">青岛装修公司</a> <a href="#">青岛装修公司</a> </div>
          </div>
        </div>
      </div>
    </div>
    <div class="foot-bottom">
      <div class="wid">
        <div class="copyright">淮舟装饰家居集团股份有限公司版权所有© 2000-2018 京ICP备16022901号 | 京公网安备11010502001310号</div>

      </div>
    </div>
  </div>
  <div class="fixed-bar-wrap">
    <div class="wid">
      <div class="control-bar"></div>

      <div class="fixed-arrow"></div>
      <div class="calculation clearfix">
        <div class="cal-l">
          <div class="cal-tit">
            <span class="zx">装修计算器</span>今天已有<span class="cal-tit-num">588</span>位业主获取了装修预算
          </div>
          <div class="cal-wrap">
            <div class="cal-item clearfix" ss>
              <div class="cal-tip"><span>*</span>房屋户型</div>
              <div class="cal-con clearfix">
                <select>
                  <option>3室</option>
                  <option>2室</option>
                </select>
                <select>
                  <option>1厅</option>
                  <option>2厅</option>
                </select>
                <select>
                  <option>1厨</option>
                  <option>1厨</option>
                </select>
                <select>
                  <option>1卫</option>
                  <option>1卫</option>
                </select>
                <select>
                  <option>1阳台</option>
                  <option>2阳台</option>
                </select>

              </div>
            </div>
            <div class="cal-item clearfix" ss>
              <div class="cal-tip"><span>*</span>房屋面积</div>
              <div class="cal-con">
                <input type="text" placeholder="输入您的房屋面积" />
                <span class="m2">㎡</span>

              </div>
            </div>
            <div class="cal-item clearfix" ss>
              <div class="cal-tip"><span>*</span>手机号码</div>
              <div class="cal-con">
                <input type="text" placeholder="报价结果将发送到您的手机" />

              </div>
            </div>
            <div class="cal-item clearfix" ss>
              <div class="cal-tip"></div>
              <div class="cal-con">
                <input type="button" class="js-btn" value="开始计算" />

              </div>
            </div>
          </div>


        </div>
        <div class="cal-r">
          <img src="images/words.png" class="cal-r-img" />
          <div class="budget">您的装修预算<span id="zong">132569</span>元</div>
          <div class="bu-info">
            <p>材料费：<span id="cai">87858</span>元</p>
            <p>人工费：<span id="ren">58962</span>元</p>
            <p>设计费：<span id="she">7853</span>元</p>
            <p>质检费：<span id="zhi">1223</span>元</p>
          </div>


        </div>
      </div>
    </div>
  </div>
  <!--footer-end-->
  <!--右侧固定-->
  <div class="right-fixed">
    <ul>
      <li><a href="#"><img src="images/icon_zixun.png" /><span>在线咨询</span></a></li>
      <li><a href="#"><img src="images/icon_baojia.png" /><span>免费报价</span></a></li>
      <li><a href="#"><img src="images/icon_yuyue.png" /><span>预约设计</span></a></li>
      <li><a href="#"><img src="images/icon_case.png" /><span>案例解析</span></a></li>
    </ul>
    <div class="gotop"><img src="images/icon_gotop.png" /><span>返回顶部</span></div>
  </div>
  <!--右侧固定-end-->
  <div class="mask"></div>
  <script src="js/jquery.js"></script>
  <script src="js/lib.js"></script>
  <script src="js/wow.min.js"></script>
  <script src="js/slick.min.js"></script>
  <script src="js/common.js"></script>
  <script src="js/scroll.js"></script>
</body>

</html>